<template>
  <div>
    <heads class="header">
      <i @click="back1()"></i>
      <span>全部订单</span>
      <em class="one">编辑</em>
    </heads>
    <mains>
        <ords></ords>
        <!-- 您暂时没有订单 -->
        <div class="noneOrder" v-show="bol">
          <div class="none"></div>
          <p class="nonecont">您暂时没有订单哦</p>
        </div>
      <on1></on1>
      <on1></on1>
      <on2></on2>
      <on1></on1>

    
        
    </mains>

  </div>
</template>

<script>
import Head from '../Head';
import Main from '../Main';
import Ord from '../components/Ord';
// import on4 from './TradeFinish';
import on1 from '../components/Gou';
import on2 from '../components/Gou1';
// import on3 from './WaitReceive';
export default {
    name:'Order',
    data(){
        return {

        }
    },
    components:{
      'heads':Head,
      'mains':Main,
      'ords':Ord,
      'on1':on1,
      'on2':on2,

    },
    methods:{
    back1(){
      this.$router.replace('/login');
    }

    }

}
</script>

<style scoped>
.header{
  position: relative;
}
.one{
    height: 9.6rem;
    line-height: 9.6rem;
    position: absolute;
    right: 2rem;
    top: 0;
    font-size: 3rem;
}


/* 五 */
.noneOrder{
  width: 100%;
  font-size: 0;
}
.none{
  background-color: #fbd5d5;
  width: 31rem;
  height: 25rem;
  margin: 9.5rem auto 0;
}
.nonecont{
  text-align: center;
  color: #808080;
  font-size: 2.4rem;
  line-height: 7.6rem;
}

</style>